<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--引入样式-->
    <link rel="stylesheet" type="text/css" href="../easyui/themes/black/easyui.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
    <!--jquery-->
    <script type="text/javascript" src="../easyui/jquery.min.js"></script>
    <!--easyUI-->
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
    <script src="../easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
    <!--js-->
    <script>
        $(function () {
            $("#tt").tree({
                url:'tree.json',
                checkbox:true,
                lines:true,
                formatter:function (node) {
                    return node.text;
                },
                animate:true,
                dnd:true,
                cascadeCheck:true
                // loader:function (param, success, error) {
                //     if (success) {
                //         alert("加载tree成功")
                //     }
                // }
            })
        })
    </script>

    <ul id="tt" class="easyui-tree"></ul>

</body>
</html>